<template>
<div class="opt">
    <h6>选择题</h6>
    <div class="radio" @mouseover="radio">单选题</div>
</div>
</template>

<script>
    export default {
        name: "QuestionType",
        data(){
            return{
                flag: false
            }
        },
        methods: {
            radio(){
                // this.$store.commit('')
            }
        }
    }
</script>

<style scoped>
    .opt {
        /*background-color: darksalmon;*/
    }
    h6 {
        color: #484848;
        font-size: 12px;
        margin-top: 6px;
        margin-bottom: 8px;
        font-weight: 400;
    }
    .radio {
        display: inline-block;
        width: 100px;
        height: 30px;
        border: 1px solid #eaeaea;
        border-radius: 2px;
        line-height: 28px;
        color: #707070;
        font-size: 12px;
        cursor: pointer;
        background-color: #fff;
    }
    .radio:hover {
        color: RGB(38,114,255);
        border: 1px solid RGB(38,114,255);
    }
</style>
